<script setup lang="ts">
import Confirm from '@/components/confirm/index'
const handle = async () => {
   Confirm({ title: '温馨提示', text: '你确认移除该商品么?' }).then(() => {
     console.log('提示退出成功');
     console.log('跳转到首页');
   }).catch(() => {
     console.log('啥也不干 关闭对话框即可');
   })

  // const res = await Confirm({ title: '温馨提示', text: '你确认移除该商品么?' }).catch(() => { })
  // console.log(res);

}
</script>
<template>
  <button @click="handle">按钮</button>
  <!-- 经过测试 Confirm组件 是通过结构的方式展示的
    我们想要的是 触发元素点击 js的方式展示这个组件 像Message.success(xxx)

    Confirm({title: xx, text: xxx})
  -->
  <!-- <Confirm title="警告" text="你确认退出么?" /> -->
</template>
<style scoped>
</style>